
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>${webConfig.name}</title>
<meta name="keywords" content="${webConfig.seoKeyword}">
<meta name="description" content="${webConfig.description}"/>
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/base.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/login.css" />
<link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="${s.base}/css/base/base.css" media="all" />
</head>
<body>

<div class="aui-register-popup">
	<div class="aui-register-box">
		<div class="aui-register-link">
			<a href="${s.base}/web/pc/index" class="fl">返回首页</a>
			<a href="${s.base}/web/pc/index" class="fr"></a>
		</div>
		<div class="aui-register-logo">
			<img src="${s.base}/pc/images/logo.png" alt="">
		</div>
		<div class="aui-register-form" id="verifyCheck">
			<div class="register-wrap" id="register-wrap">
				<div class="register" id="register">
					<div class="register-top" id="reg-top">
						<h2 class="normal" id="normal">普通登录</h2>
						<h2 class="nopassword" id="nopw">手机无密码登录</h2>
						<a id="qrcode" href="javascript:void(0)">
							<span class="aui-tag-size">扫码登录</span>
						</a>
					</div>
					<!--账户密码登录-->
					<div class="register-con" id="rc">
						<div class="aui-register-form-item">
							<input type="text" name="username"  maxlength="20"  placeholder="账户名" class="txt03 f-r3 required" tabindex="3" data-valid="isNonEmpty||between:3-20||isUname" data-error="<i class='icon-tips'></i>您还没有输入账户名||<i class='icon-tips'></i>用户名长度3-20位||<i class='icon-tips'></i>只能输入字母、数字、且以中文或字母开头" id="loginName">
							<label class="focus valid"></label>
						</div>
						<div class="aui-register-form-item">
							<input type="password" name="password" placeholder="密码" id="password" maxlength="20" class="txt04 f-r3 required" tabindex="4" style="ime-mode:disabled;" onpaste="return  false" autocomplete="off" data-valid="isNonEmpty||between:6-20||level:2" data-error="<i class='icon-tips'></i>密码太短，最少6位||<i class='icon-tips'></i>密码长度6-20位||<i class='icon-tips'></i>密码太简单，有被盗风险，建议字母+数字的组合">
							<label class="focus valid"></label>

						</div>
						<div class="aui-register-form-item">
							<p class="aui-for-pwd">
							</p>
							<input id="aui-btn-reg" class="aui-btn-reg" placeholder=""  readonly="readonly" value="登录" >
						</div>
						<div class="aui-thirds">
							<a href="javascript:void(0)">
								<i class="aui-qq-img"></i>
								<i>QQ登录</i>
							</a>
							<a href="javascript:void(0)">
								<i class="aui-wx-img"></i>
								<i>微信登录</i>
							</a>
							<a href="javascript:void(0)">
								<i class="aui-wb-img"></i>
								<i>微博登录</i>
							</a>
							<div class="clear"></div>
						</div>
					</div>

					<!--手机动态码登录-->
					<div class="login-con" id="lc">
						<div class="aui-register-form-item">
							<input type="text" name="phone" placeholder="手机号码" class="txt01 f-r3 required" keycodes="tel" tabindex="1" data-valid="isNonEmpty||isPhone" data-error="<i class='icon-tips'></i>请输入手机号||<i class='icon-tips'></i>手机号码格式不正确" maxlength="11" id="phone">
							<label class="focus valid"><div class="msg" style="display:none"><i class='icon-tips'></i>您还未输入手机号</div></label>
							<span class="aui-get-code btn btn-gray f-r3 f-ml5 f-size13" id="time_box" disabled style="display:none;"></span>
							<span class="aui-get-code btn btn-gray f-r3 f-ml5 f-size13" id="verifyYz" >获取动态码</span>
						</div>
						<div class="aui-register-form-item">
							<input type="text" placeholder="动态码" maxlength="6" id="verifyNo" class="txt02 f-r3 f-fl required" tabindex="2" data-valid="isNonEmpty||isInt" data-error="<i class='icon-tips'></i>请填写正确的手机动态码||<i class='icon-tips'></i>请填写6位手机动态码">
							<label class="focus valid"></label>
						</div>
						<div class="aui-register-form-item">
							<input id="aui-btn-reg1" class="aui-btn-reg" placeholder=""  readonly="readonly" value="登录" >
						</div>
						<div class="aui-thirds">
							<a href="javascript:void(0)">
								<i class="aui-qq-img"></i>
								<i>QQ登录</i>
							</a>
							<a href="javascript:void(0)">
								<i class="aui-wx-img"></i>
								<i>微信登录</i>
							</a>
							<a href="javascript:void(0)">
								<i class="aui-wb-img"></i>
								<i>微博登录</i>
							</a>
							<div class="clear"></div>
						</div>
					</div>


					<!-- 扫码登录 -->
					<div class="saoma" id="sm">
						<div class="screen-tu" id="screen">
							<span class="aui-tag-size">密码登录</span>
						</div>
						<div class="aui-text-item">
							<h1>1秒即登录，方便又安全</h1>
						</div>
						<div class="qr-code">
							<span class="tips_img"></span>
							<img src="${s.base}/pc/images/wx.png" alt="">
						</div>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<script src="${s.base}/pc/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script type="text/javascript" src="${s.base}/js/base/base.js"></script>
<script src="${s.base}/pc/js/login.js" type="text/javascript" charset="utf-8"></script>

<script  type="application/javascript">
    layui.use(['form','layer','jquery','checkUtil','dialogUtil','baseUtil'],function(){
        var form = layui.form,
            checkUtil = layui.checkUtil,
            baseUtil = layui.baseUtil,
            dialogUtil = layui.dialogUtil,
            layer = parent.layer === undefined ? layui.layer : top.layer
        $ = layui.jquery;
        $("#aui-btn-reg").bind("click",function () {
            var loginName=$("#loginName").val();
            var password=$("#password").val();
            if(checkUtil.isEmpty(loginName)){
                dialogUtil.alert("请输入账号名！");
                return false;
            }
            if(checkUtil.isEmpty(password)){
                dialogUtil.alert("请输入密码！");
                return false;
            }
            var url="/webLogin";
            var params = {
                loginName: loginName,
                autoLogin: "1",
                password:password
            };
            $(this).text("登录中...").attr("disabled","disabled").addClass("layui-disabled");
            var obj=$(this);
            baseUtil.postMethod(url,params,function (result) {
                obj.text("登录").removeAttr("disabled").removeClass("layui-disabled");
                if (result.code === 0) {
                    //操作成功
                    location.href="/index";
                } else {
                    //操作失败
                    dialogUtil.alert(result.msg);
                }
            })
        });
    })

</script>
</body>

</html>